<template>
	<div class="wait">
		<navBar text="等待发货">
			<template v-slot:head>
				<image class="headPic" src="@/static/order-icons/wait_send.png" mode=""></image>
				<text>等待发货</text>
			</template>
			<template v-slot:subhead>
				预计
				<text style="color: #fff; margin: 0 5px">72h</text>
				内发货
			</template>
		</navBar>
		<div class="secureCaseBox">
			<!-- 货物 -->
			<shopPro>
				<template v-slot:shopName>{{ product.productName }}</template>
				<template v-slot:countNum>
					<span>*{{ product.count }}</span>
					<span>{{ product.productPrice }}USDT</span>
				</template>
				<template v-slot:freight>
					<span>运费</span>
					<span>{{ product.freightPrice }}USDT</span>
				</template>
				<template v-slot:line>
					<div class="van-hairline--top"></div>
				</template>
				<template v-slot:needToPay>
					<span>需付款</span>
					<span class="sum">{{ product.productPrice * product.count + product.freightPrice }}USDT</span>
				</template>
			</shopPro>
			<!-- 订单信息 -->
			<orderInfo style="width: 91%">
				<template v-slot:order>
					<div class="order">
						<span>订单编号</span>
						<div class="colorGray">
							<span>{{ orderNum }}</span>
							<image src="../../static/images/Order/order_copy.png" mode="widthFix" @click="copy(orderNum)"></image>
						</div>
					</div>
				</template>
				<template v-slot:address>
					<div class="address">
						<span>收货地址</span>
						<div class="colorGray">李二狗，13544495068，北京市朝阳区劲松街道华腾园6-1508</div>
					</div>
				</template>
				<template v-slot:timePayment>
					<div class="timePayment">
						<span>支付时间</span>
						<div class="colorGray">{{ store.state.paymentTime }}</div>
					</div>
				</template>
				<template v-slot:time>
					<div class="time">
						<span>创建时间</span>
						<span class="colorGray">{{ store.state.createTime }}</span>
					</div>
				</template>
			</orderInfo>
			<!-- 联系我们 -->
			<!-- <contactUs></contactUs> -->
		</div>
		<van-button @click="eeeee">sdf</van-button>
	</div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useStore } from 'vuex';
import { copy } from '../../utils/copy.ts';
import type { Product } from '@/types/product.js';
const store = useStore();
let product: Product = store.state.product;
// copy功能
const orderNum = ref('168516518165168165');
const eeeee = () => {
	uni.navigateTo({
		url: '/subdue/shipped/index'
	});
};
</script>

<style scoped>
.wait {
	height: 100vh;
}
</style>
